<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="../js/bootstrap-3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/main.css">

</head>
<body>
  <header class="header">
    <div class="logo-box"><img src="../images/logo.png" alt=""></div>
    <ul class="nav">
      <li>手机端</li>
      <li>发布房源</li>
      <li>故事</li>
      <li>消息</li>
      <li>帮助</li>
      <li onclick="personageFn()"><img class="img-circle" style="width: 28px;height: 28px;" src="https://z1.muscache.cn/im/pictures/user/0eecd210-2706-4f2e-9785-c13cf77594b9.jpg?aki_policy=profile_small" alt=""></li>
      <!--<li>注册</li>
      <li>登录</li>-->
    </ul>
  </header>
  <div class="personBox">
    <div class="personageBox">
      <ul>
        <li><a href="./edit_personage.html">编辑个人资料</a></li>
      </ul>
    </div>
  </div>
  <div class="container-fluid max-w1080">
    <h1 class="_6xhnqmg">
      <span class="_qjhvrlm">Airbnb爱彼迎 </span>
      <span>全球400万民宿任你挑</span>
    </h1>
    <!-- search -->
    <div class="index_search">
      <div class="search-box">
        <div class="search-icon"><span class="glyphicon glyphicon-search"></span></div>
        <div class="ipt-box">
          <input class="" id="index_searchIpt" type="text" placeholder="目的地，城市，地址">
        </div>
        <div class="btn-box">
          <button class="btn" type="submit">搜索</button>
        </div>
      </div>
      <div class="searchContent">
        <div class="row rowCon">
          <div class="col-xs-2 leftTit">
            <span>亚洲</span>
          </div>
          <div class="col-xs-10 rightCon">
            <span><a href="#1">台北</a></span>
            <span><a href="#2">香港</a></span>
            <span><a href="#3">上海</a></span>
          </div>
        </div>
        <div class="row rowCon">
          <div class="col-xs-2 leftTit">
            <span>亚洲</span>
          </div>
          <div class="col-xs-10 rightCon">
            <span><a href="#4">台北</a></span>
            <span><a href="#5">香港</a></span>
            <span><a href="#6">上海</a></span>
            <span><a href="#7">台北</a></span>
          </div>
        </div>
        <div class="row rowCon">
          <p class="searchTips">温馨小提示。。。。。。</p>
        </div>
      </div>
    </div>
    <!-- 探索爱彼迎 -->
    <div class="_1ob6ca33">
      <h3 class="title">探索爱彼迎</h3>
      <ul>
        <li>
          <a href="#">
            <div class="_699th3t">
              <img class="_6ikqekk" src="../images/1.jpg" alt="">
              <span class="_1t073h8">房源</span>
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="_699th3t">
              <img class="_6ikqekk" src="../images/1.jpg" alt="">
              <span class="_1t073h8">体验</span>
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="_699th3t">
              <img class="_6ikqekk" src="../images/1.jpg" alt="">
              <span class="_1t073h8">餐馆</span>
            </div>
          </a>
        </li>
      </ul>
    </div>
    <!--  城市新玩法 -->
    <div class="modal-3 mod">
      <div class="_1vqgx0uu">
        <h3 class="_1a3ojjlv">城市新玩法</h3>
        <h4 class="_n6rg3t">当地人告诉你，他们城市的另一面</h4>
      </div>
      <div class="city-new">
        <ul>
          <li>
            <a href="#">
              <div class="img"><img class="img-responsive" src="../images/1.jpg" alt=""></div>
              <div class="small"><span>住进不一样的曼谷</span></div>
              <div class="tit"><span>灵感触手可及</span></div>
              <div class="content">别具异域风情的曼谷，除了寺庙集市和无数美食，你是否留意过，那些街头巷尾充满创意的店铺？</div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img"><img class="img-responsive" src="../images/1.jpg" alt=""></div>
              <div class="small"><span>住进不一样的曼谷</span></div>
              <div class="tit"><span>灵感触手可及</span></div>
              <div class="content">别具异域风情的曼谷，除了寺庙集市和无数美食，你是否留意过，那些街头巷尾充满创意的店铺？</div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="img"><img class="img-responsive" src="../images/1.jpg" alt=""></div>
              <div class="small"><span>住进不一样的曼谷</span></div>
              <div class="tit"><span>灵感触手可及</span></div>
              <div class="content">别具异域风情的曼谷，除了寺庙集市和无数美食，你是否留意过，那些街头巷尾充满创意的店铺？</div>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <!--  热门目的地 -->
    <div class="modal-4 mod">
      <div class="_1vqgx0uu">
        <h3 class="_1a3ojjlv">热门目的地</h3>
      </div>
      <div class="hot-nav">
        <span class="hot-nav-btn on">曼谷</span>
        <span class="hot-nav-btn">台北</span>
        <span class="hot-nav-btn">巴黎</span>
        <span class="hot-nav-btn">东京</span>
        <span class="hot-nav-btn">成都</span>
        <span class="hot-nav-btn">上海</span>
        <span class="hot-nav-btn">杭州</span>
        <span class="hot-nav-btn">大理</span>
      </div>
      <div class="hot-img-box">
        <div class="hot-box">
          <ul>
            <li>
              <div class="hot-list-box">
                <div class="hot-img"><img  class="img-responsive" src="../images/1.jpg" alt=""></div>
                <div class="price-box">
                  <div class="meiwan-price pull-left">￥380每晚</div>
                  <div class="comment pull-right">
                    <span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <!-- 半星 -->
                      <span class="_1h9sghzw">
                        <span class="_1pll9nyf"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                        <span class="_odm2ne"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M510.2 23.3l1 767.3-226.1 172.2c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L58 447.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7.1-23.1 28.1-39.1 52.1-39.1z"></path></svg></span>
                      </span>
                    </span>
                    171条评论</div>
                </div>
                <div class="hot-info">
                  <div class="pull-left">
                    <span class="font-1">Designer Loft Bangkok Silom</span><br>
                    <span class="font-2">整套公寓·1室1床1卫</span>
                  </div>
                  <div class="original-box pull-right">
                    <img class="img-circle" src="https://z0.muscache.cn/im/users/40576227/profile_pic/1439208621/original.jpg?aki_policy=profile_small" alt="">
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="hot-list-box">
                <div class="hot-img"><img  class="img-responsive" src="../images/1.jpg" alt=""></div>
                <div class="price-box">
                  <div class="meiwan-price pull-left">￥380每晚</div>
                  <div class="comment pull-right">
                    <span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <!-- 半星 -->
                      <span class="_1h9sghzw">
                        <span class="_1pll9nyf"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                        <span class="_odm2ne"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M510.2 23.3l1 767.3-226.1 172.2c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L58 447.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7.1-23.1 28.1-39.1 52.1-39.1z"></path></svg></span>
                      </span>
                    </span>
                    171条评论</div>
                </div>
                <div class="hot-info">
                  <div class="pull-left">
                    <span class="font-1">Designer Loft Bangkok Silom</span><br>
                    <span class="font-2">整套公寓·1室1床1卫</span>
                  </div>
                  <div class="original-box pull-right">
                    <img class="img-circle" src="https://z0.muscache.cn/im/users/40576227/profile_pic/1439208621/original.jpg?aki_policy=profile_small" alt="">
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="hot-list-box">
                <div class="hot-img"><img  class="img-responsive" src="../images/1.jpg" alt=""></div>
                <div class="price-box">
                  <div class="meiwan-price pull-left">￥380每晚</div>
                  <div class="comment pull-right">
                    <span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <!-- 半星 -->
                      <span class="_1h9sghzw">
                        <span class="_1pll9nyf"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                        <span class="_odm2ne"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M510.2 23.3l1 767.3-226.1 172.2c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L58 447.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7.1-23.1 28.1-39.1 52.1-39.1z"></path></svg></span>
                      </span>
                    </span>
                    171条评论</div>
                </div>
                <div class="hot-info">
                  <div class="pull-left">
                    <span class="font-1">Designer Loft Bangkok Silom</span><br>
                    <span class="font-2">整套公寓·1室1床1卫</span>
                  </div>
                  <div class="original-box pull-right">
                    <img class="img-circle" src="https://z0.muscache.cn/im/users/40576227/profile_pic/1439208621/original.jpg?aki_policy=profile_small" alt="">
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="hot-list-box">
                <div class="hot-img"><img  class="img-responsive" src="../images/1.jpg" alt=""></div>
                <div class="price-box">
                  <div class="meiwan-price pull-left">￥380每晚</div>
                  <div class="comment pull-right">
                    <span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <!-- 半星 -->
                      <span class="_1h9sghzw">
                        <span class="_1pll9nyf"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                        <span class="_odm2ne"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M510.2 23.3l1 767.3-226.1 172.2c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L58 447.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7.1-23.1 28.1-39.1 52.1-39.1z"></path></svg></span>
                      </span>
                    </span>
                    171条评论</div>
                </div>
                <div class="hot-info">
                  <div class="pull-left">
                    <span class="font-1">Designer Loft Bangkok Silom</span><br>
                    <span class="font-2">整套公寓·1室1床1卫</span>
                  </div>
                  <div class="original-box pull-right">
                    <img class="img-circle" src="https://z0.muscache.cn/im/users/40576227/profile_pic/1439208621/original.jpg?aki_policy=profile_small" alt="">
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="hot-list-box">
                <div class="hot-img"><img  class="img-responsive" src="../images/1.jpg" alt=""></div>
                <div class="price-box">
                  <div class="meiwan-price pull-left">￥380每晚</div>
                  <div class="comment pull-right">
                    <span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <!-- 半星 -->
                      <span class="_1h9sghzw">
                        <span class="_1pll9nyf"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                        <span class="_odm2ne"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M510.2 23.3l1 767.3-226.1 172.2c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L58 447.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7.1-23.1 28.1-39.1 52.1-39.1z"></path></svg></span>
                      </span>
                    </span>
                    171条评论</div>
                </div>
                <div class="hot-info">
                  <div class="pull-left">
                    <span class="font-1">Designer Loft Bangkok Silom</span><br>
                    <span class="font-2">整套公寓·1室1床1卫</span>
                  </div>
                  <div class="original-box pull-right">
                    <img class="img-circle" src="https://z0.muscache.cn/im/users/40576227/profile_pic/1439208621/original.jpg?aki_policy=profile_small" alt="">
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="hot-list-box">
                <div class="hot-img"><img  class="img-responsive" src="../images/1.jpg" alt=""></div>
                <div class="price-box">
                  <div class="meiwan-price pull-left">￥380每晚</div>
                  <div class="comment pull-right">
                    <span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <span class="_1bqpakk9"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                      <!-- 半星 -->
                      <span class="_1h9sghzw">
                        <span class="_1pll9nyf"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M971.5 379.5c9 28 2 50-20 67L725.4 618.6l87 280.1c11 39-18 75-54 75-12 0-23-4-33-12l-226.1-172-226.1 172.1c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L46.1 446.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7-23 28-39 52-39 25 0 47 17 54 41l87 276.1h280.1c23.2 0 44.2 16 52.2 40z"></path></svg></span>
                        <span class="_odm2ne"><svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height:1em;width:1em;display:block;fill:currentColor"><path d="M510.2 23.3l1 767.3-226.1 172.2c-25 17-59 12-78-12-12-16-15-33-8-51l86-278.1L58 447.5c-21-17-28-39-19-67 8-24 29-40 52-40h280.1l87-278.1c7.1-23.1 28.1-39.1 52.1-39.1z"></path></svg></span>
                      </span>
                    </span>
                    171条评论</div>
                </div>
                <div class="hot-info">
                  <div class="pull-left">
                    <span class="font-1">Designer Loft Bangkok Silom</span><br>
                    <span class="font-2">整套公寓·1室1床1卫</span>
                  </div>
                  <div class="original-box pull-right">
                    <img class="img-circle" src="https://z0.muscache.cn/im/users/40576227/profile_pic/1439208621/original.jpg?aki_policy=profile_small" alt="">
                  </div>
                </div>
              </div>
            </li>

          </ul>
          <a class="more-housing" href="#">查看更多曼谷房源</a>
        </div>
      </div>
    </div>
    <!-- 诚意推出爱彼迎Plus -->
    <div class="modal-5 mod">
      <div class="_1vqgx0uu">
        <h3 class="_1a3ojjlv">诚意推出爱彼迎Plus</h3>
      </div>
      <div class="plus">
        <img class="img-responsive" src="../images/2.jpg" alt="">
        <div class="plus-imgInfo">
          <h3 class="h3">品质和舒适性经过验证的精选房源</h3>
          <div class="btn"><a href="#">浏览爱彼迎Plus房源</a></div>
        </div>
      </div>
    </div>
    <!-- 春天出游好去处 -->
    <div class="modal-6 mod">
      <div class="_1vqgx0uu">
        <h3 class="_1a3ojjlv">春天出游好去处</h3>
      </div>
      <div class="mod6-cont">
        <ul>
          <li>
            <div class="img-list">
              <div class=""><img class="img-responsive" src="../images/3.jpg" alt=""></div>
              <div style="margin-top: 10px;">
                <span class="name">京都</span>
                <span class="">静心之旅</span>
              </div>
              <div class="price">人均￥288/晚</div>
            </div>
          </li>
          <li>
            <div class="img-list">
              <div class=""><img class="img-responsive" src="../images/3.jpg" alt=""></div>
              <div style="margin-top: 10px;">
                <span class="name">京都</span>
                <span class="">静心之旅</span>
              </div>
              <div class="price">人均￥288/晚</div>
            </div>
          </li>
          <li>
            <div class="img-list">
              <div class=""><img class="img-responsive" src="../images/3.jpg" alt=""></div>
              <div style="margin-top: 10px;">
                <span class="name">京都</span>
                <span class="">静心之旅</span>
              </div>
              <div class="price">人均￥288/晚</div>
            </div>
          </li>
          <li>
            <div class="img-list">
              <div class=""><img class="img-responsive" src="../images/3.jpg" alt=""></div>
              <div style="margin-top: 10px;">
                <span class="name">京都</span>
                <span class="">静心之旅</span>
              </div>
              <div class="price">人均￥288/晚</div>
            </div>
          </li>
          <li>
            <div class="img-list">
              <div class=""><img class="img-responsive" src="../images/3.jpg" alt=""></div>
              <div style="margin-top: 10px;">
                <span class="name">京都</span>
                <span class="">静心之旅</span>
              </div>
              <div class="price">人均￥288/晚</div>
            </div>
          </li>
          <li>
            <div class="img-list">
              <div class=""><img class="img-responsive" src="../images/3.jpg" alt=""></div>
              <div style="margin-top: 10px;">
                <span class="name">京都</span>
                <span class="">静心之旅</span>
              </div>
              <div class="price">人均￥288/晚</div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 让您能够充分享受旅程的房源 -->
    <div class="modal-3 mod">
      <div class="_1vqgx0uu">
        <h3 class="_1a3ojjlv">让您能够充分享受旅程的房源</h3>
        <h4 class="_n6rg3t">找到拥有您所需便利设施的高分房源</h4>
      </div>
      <div class="listBox">
        <ul>
          <li>
            <div class="box">
              <div><img class="img-responsive" src="../images/1.jpg" alt=""></div>
              <div class="row1"><span>2000多个房源</span></div>
              <div class="row2"><span>寻找适合家庭出游的理想房源，自由畅享私家空间</span></div>
            </div>
          </li>
          <li>
            <div class="box">
              <div><img class="img-responsive" src="../images/1.jpg" alt=""></div>
              <div class="row1"><span>2000多个房源</span></div>
              <div class="row2"><span>寻找适合家庭出游的理想房源，自由畅享私家空间</span></div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 旅行者们喜爱的体验 -->
    <div class="modal-3 mod">
      <div class="_1vqgx0uu">
        <h3 class="_1a3ojjlv">旅行者们喜爱的体验</h3>
        <h4 class="_n6rg3t">在下趟旅程中，不妨预订由本地达人组织的体验活动</h4>
      </div>
      <div class="listBox travellerBox">
        <ul>
          <li>
            <div class="box">
              <div><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
              <div class="row1"><span>私享音乐会 · 洛杉矶</span></div>
              <div class="traveller-row2"><span>Go paddleboarding in a scenic lagoon</span></div>
              <div class="traveller-row3"><span>每人￥1,295</span></div>
            </div>
          </li>
          <li>
            <div class="box">
              <div><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
              <div class="row1"><span>私享音乐会 · 洛杉矶</span></div>
              <div class="traveller-row2"><span>Go paddleboarding in a scenic lagoon</span></div>
              <div class="traveller-row3"><span>每人￥1,295</span></div>
            </div>
          </li>
          <li>
            <div class="box">
              <div><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
              <div class="row1"><span>私享音乐会 · 洛杉矶</span></div>
              <div class="traveller-row2"><span>Go paddleboarding in a scenic lagoon</span></div>
              <div class="traveller-row3"><span>每人￥1,295</span></div>
            </div>
          </li>
          <li>
            <div class="box">
              <div><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
              <div class="row1"><span>私享音乐会 · 洛杉矶</span></div>
              <div class="traveller-row2"><span>Go paddleboarding in a scenic lagoon</span></div>
              <div class="traveller-row3"><span>每人￥1,295</span></div>
            </div>
          </li>
          <li>
            <div class="box">
              <div><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
              <div class="row1"><span>私享音乐会 · 洛杉矶</span></div>
              <div class="traveller-row2"><span>Go paddleboarding in a scenic lagoon</span></div>
              <div class="traveller-row3"><span>每人￥1,295</span></div>
            </div>
          </li>
          <li>
            <div class="box">
              <div><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
              <div class="row1"><span>私享音乐会 · 洛杉矶</span></div>
              <div class="traveller-row2"><span>Go paddleboarding in a scenic lagoon</span></div>
              <div class="traveller-row3"><span>每人￥1,295</span></div>
            </div>
          </li>
          <li>
            <div class="box">
              <div><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
              <div class="row1"><span>私享音乐会 · 洛杉矶</span></div>
              <div class="traveller-row2"><span>Go paddleboarding in a scenic lagoon</span></div>
              <div class="traveller-row3"><span>每人￥1,295</span></div>
            </div>
          </li>
          <li>
            <div class="box">
              <div><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
              <div class="row1"><span>私享音乐会 · 洛杉矶</span></div>
              <div class="traveller-row2"><span>Go paddleboarding in a scenic lagoon</span></div>
              <div class="traveller-row3"><span>每人￥1,295</span></div>
            </div>
          </li>
        </ul>
      </div>
      <a class="more-all" href="#">显示全部（2000+）></a>
    </div>
    <!-- 热门故事 -->
    <div class="modal-6 mod">
      <div class="_1vqgx0uu">
        <h3 class="_1a3ojjlv">热门故事</h3>
      </div>
      <div class="listBox story-list">
        <ul>
          <li>
            <a href="#">
              <div class="box">
                <div class=""><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
                <div class="name-box" style="margin-top: 10px;">
                  <span class="name">冲绳</span>
                  <span class="desc">在冲绳听见涛声，然后迷失在绿色迷宫中</span>
                </div>
                <div style="margin-top: 8px;">
                  <img class="img-circle" style="width: 24px;height: 24px;margin-top: -6px;margin-right: 5px;" src="https://z1.muscache.cn/im/pictures/dda89014-7e69-4d1e-ba87-465ef441674d.jpg?aki_policy=profile_x_medium" alt=""/>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path></svg>
                  <span>56</span>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path></svg>
                  <span>12</span>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="box">
                <div class=""><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
                <div class="name-box" style="margin-top: 10px;">
                  <span class="name">冲绳</span>
                  <span class="desc">在冲绳听见涛声，然后迷失在绿色迷宫中</span>
                </div>
                <div style="margin-top: 8px;">
                  <img class="img-circle" style="width: 24px;height: 24px;margin-top: -6px;margin-right: 5px;" src="https://z1.muscache.cn/im/pictures/dda89014-7e69-4d1e-ba87-465ef441674d.jpg?aki_policy=profile_x_medium" alt=""/>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path></svg>
                  <span>56</span>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path></svg>
                  <span>12</span>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="box">
                <div class=""><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
                <div class="name-box" style="margin-top: 10px;">
                  <span class="name">冲绳</span>
                  <span class="desc">在冲绳听见涛声，然后迷失在绿色迷宫中</span>
                </div>
                <div style="margin-top: 8px;">
                  <img class="img-circle" style="width: 24px;height: 24px;margin-top: -6px;margin-right: 5px;" src="https://z1.muscache.cn/im/pictures/dda89014-7e69-4d1e-ba87-465ef441674d.jpg?aki_policy=profile_x_medium" alt=""/>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path></svg>
                  <span>56</span>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path></svg>
                  <span>12</span>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="box">
                <div class=""><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
                <div class="name-box" style="margin-top: 10px;">
                  <span class="name">冲绳</span>
                  <span class="desc">在冲绳听见涛声，然后迷失在绿色迷宫中</span>
                </div>
                <div style="margin-top: 8px;">
                  <img class="img-circle" style="width: 24px;height: 24px;margin-top: -6px;margin-right: 5px;" src="https://z1.muscache.cn/im/pictures/dda89014-7e69-4d1e-ba87-465ef441674d.jpg?aki_policy=profile_x_medium" alt=""/>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path></svg>
                  <span>56</span>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path></svg>
                  <span>12</span>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="box">
                <div class=""><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
                <div class="name-box" style="margin-top: 10px;">
                  <span class="name">冲绳</span>
                  <span class="desc">在冲绳听见涛声，然后迷失在绿色迷宫中</span>
                </div>
                <div style="margin-top: 8px;">
                  <img class="img-circle" style="width: 24px;height: 24px;margin-top: -6px;margin-right: 5px;" src="https://z1.muscache.cn/im/pictures/dda89014-7e69-4d1e-ba87-465ef441674d.jpg?aki_policy=profile_x_medium" alt=""/>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path></svg>
                  <span>56</span>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path></svg>
                  <span>12</span>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="box">
                <div class=""><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
                <div class="name-box" style="margin-top: 10px;">
                  <span class="name">冲绳</span>
                  <span class="desc">在冲绳听见涛声，然后迷失在绿色迷宫中</span>
                </div>
                <div style="margin-top: 8px;">
                  <img class="img-circle" style="width: 24px;height: 24px;margin-top: -6px;margin-right: 5px;" src="https://z1.muscache.cn/im/pictures/dda89014-7e69-4d1e-ba87-465ef441674d.jpg?aki_policy=profile_x_medium" alt=""/>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path></svg>
                  <span>56</span>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path></svg>
                  <span>12</span>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="box">
                <div class=""><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
                <div class="name-box" style="margin-top: 10px;">
                  <span class="name">冲绳</span>
                  <span class="desc">在冲绳听见涛声，然后迷失在绿色迷宫中</span>
                </div>
                <div style="margin-top: 8px;">
                  <img class="img-circle" style="width: 24px;height: 24px;margin-top: -6px;margin-right: 5px;" src="https://z1.muscache.cn/im/pictures/dda89014-7e69-4d1e-ba87-465ef441674d.jpg?aki_policy=profile_x_medium" alt=""/>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path></svg>
                  <span>56</span>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path></svg>
                  <span>12</span>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="box">
                <div class=""><img class="img-responsive img-rounded" src="../images/1.jpg" alt=""></div>
                <div class="name-box" style="margin-top: 10px;">
                  <span class="name">冲绳</span>
                  <span class="desc">在冲绳听见涛声，然后迷失在绿色迷宫中</span>
                </div>
                <div style="margin-top: 8px;">
                  <img class="img-circle" style="width: 24px;height: 24px;margin-top: -6px;margin-right: 5px;" src="https://z1.muscache.cn/im/pictures/dda89014-7e69-4d1e-ba87-465ef441674d.jpg?aki_policy=profile_x_medium" alt=""/>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path></svg>
                  <span>56</span>
                  <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false" style="height: 1em; width: 1em; fill: rgb(118, 118, 118);"><path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path></svg>
                  <span>12</span>
                </div>
              </div>
            </a>
          </li>
        </ul>
      </div>
      <a class="more-all" href="#">显示全部 ></a>
    </div>
  </div>
  <footer class="footer">
    <div class="_2h22gn">
      <div class="footer-box">
        <section class="list">
          <div class="list-con">
            <h4 class="f-tit">爱彼迎</h4>
            <ul>
              <li><a href="#">工作机会</a></li>
              <li><a href="#">新闻</a></li>
              <li><a href="#">政策</a></li>
              <li><a href="#">政策</a></li>
              <li><a href="#">政策</a></li>
            </ul>
          </div>
        </section>
        <section class="list">
          <div class="list-con">
            <h4 class="f-tit">爱彼迎</h4>
            <ul>
              <li><a href="#">工作机会</a></li>
              <li><a href="#">新闻</a></li>
              <li><a href="#">政策</a></li>
              <li><a href="#">政策</a></li>
              <li><a href="#">政策</a></li>
            </ul>
          </div>
        </section>
        <section class="list">
          <div class="list-con">
            <h4 class="f-tit">爱彼迎</h4>
            <ul>
              <li><a href="#">工作机会</a></li>
              <li><a href="#">新闻</a></li>
              <li><a href="#">政策</a></li>
              <li><a href="#">政策</a></li>
              <li><a href="#">政策</a></li>
            </ul>
          </div>
        </section>
      </div>
    </div>
  </footer>
</body>
<script src="../js/jquery-2.1.1.js"></script>
<script src="../js/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script>
  function personageFn(){
    $(".personBox").fadeToggle(10);
  }
  $(function(){
    $("#index_searchIpt").focus(function () {
      $(".searchContent").slideDown(200);
    });
    $("#index_searchIpt").blur(function () {
      $(".searchContent").slideUp(200);
    })


  })
</script>
</html>
